/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      实时      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecurePatrol-PatrolGaode-realtime {
  /* ============================== 文本标记 ============================== */
  .amap-marker {
    border-radius: 50%;
    cursor: default;

    /* —————————————————————————————— 内容 —————————————————————————————— */
    .amap-overlay-text-container {
      width: 64px;
      height: 64px;
      line-height: 1;
      padding: 0;
      border: none;
      border-radius: 50%;
    }
  }

  /* ============================== 文本标签 ============================== */
  .amap-marker-label {
    line-height: 24px;
    padding: 10px 20px;
    font-size: 14px;
    border: none;
    border-radius: 8px;
    box-shadow: 2px 2px 10px 2px var(--Black2);
    transform: translateY(-10px);

    /* —————————————————————————————— 姓名 —————————————————————————————— */
    .MajorTitle {
      padding-top: 0;
      padding-bottom: 4px;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     巡更点     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecurePatrol-PatrolGaode-point {
  /* ============================== 文本标记 ============================== */
  .amap-markers {
    /* —————————————————————————————— 内容 —————————————————————————————— */
    .amap-overlay-text-container {
      border: none;
      border-radius: 8px;
      box-shadow: 2px 2px 10px 2px var(--Black2);
    }

    /* —————————————————————————————— 名称 —————————————————————————————— */
    .MajorTitle {
      margin: 8px;
      padding: 0 16px;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      轨迹      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecurePatrol-PatrolGaode-track {
  /* ============================== 文本标记 ============================== */
  .amap-markers {
    /* —————————————————————————————— 内容 —————————————————————————————— */
    .amap-overlay-text-container {
      padding: 0;
      border: none;
      background: transparent;
      overflow: initial;
    }
  }

  /* ============================== 标签 ============================== */
  .PatrolGaode-MapTrack-label {
    line-height: 24px;
    padding: 4px 16px 8px;
    border-radius: 8px;
    background: var(--White);
    box-shadow: 2px 2px 10px 2px var(--Black2);

    /* —————————————————————————————— 名称 —————————————————————————————— */
    .MajorTitle {
      padding-top: 0;
      padding-bottom: 8px;
    }

    /* —————————————————————————————— 状态 —————————————————————————————— */
    .track-status {
      &-1,
      &-2,
      &-3,
      &-4 {
        font-weight: bold;
      }

      &-1 {
        color: var(--Info);
      }
      &-2 {
        color: var(--Success);
      }
      &-3 {
        color: var(--Primary);
      }
      &-4 {
        color: var(--Warning);
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      序号      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SecurePatrol-PatrolGaode-track-index {
  position: absolute !important;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: none;
  font-size: 16px;
  text-align: center;
  color: var(--White);
  background: var(--Info);
  box-shadow: 0 0 2px 1px var(--White);
  transform: translate(-50%, -50%);

  /* ============================== 绿 ============================== */
  &.track-green {
    background: var(--Success);
    background: var(--Primary);
  }

  /* ============================== 蓝 ============================== */
  &.track-blue {
    background: var(--Primary);
  }

  /* ============================== 红 ============================== */
  &.track-red {
    background: var(--Danger);
    background: var(--Primary);
  }
}
